<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../library/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../webFonts/iconfont.css">
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="style/customer-information.css">
    <title>十八度灰</title>
</head>
<body>
<article id="neutrey">
    <aside id="favor" class="opened">
        <ul>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
        </ul>
    </aside>
    <article id="main" class="opened">
        <header id="description">
            <section class="left_part">
                <figure id="logo"></figure>
                <div id="menu">
                    <div id="home"  class="category_title">
                        <span>总揽</span>
                    </div>
                    <div id="category">
                        <div class="category_title">
                            <span>功能</span>
                            <span class="icon">&#x2228;</span>
                        </div>
                        <section id="sub_menu">
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>商品</em>
                                </dt>
                                <dd>
                                    <a href="./commodity-manage.html" class="product_link_item">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-category-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品类</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./product-brand.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品牌</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./features.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品属性</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-fabric.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品面料</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./customize-generation.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>年龄段</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>店柜和员工</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./department.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>组织架构</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./users-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>用户管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./regional-division.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>区域划分</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>客户</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./customer-information.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户信息</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./complaints.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户投诉</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                        </section>
                    </div>
                </div>
            </section>
            <section class="right_part">
                <span>个人</span>
                <span>修改密码</span>
                <span>退出</span>
            </section>
        </header>
        <section id="content">
            <div id="collapse" class="opened">
                <<
            </div>
            <div class="panel_header button-group-client">
                <button class="button-add-client btn btn-default">
                    新增客户
                </button>
                <h2>客户信息</h2>
                <div class="input-group form-inline">
                    <input type="text" class="form-control" placeholder="编号/姓名/手机号" id="search_text" />
                    <button class="btn btn-default glyphicon glyphicon-search"></button>
                </div>
            </div>
            <article class="container-fluid">
                <div class="panel_title row">
                    <div class="client-code col-sm-3">编号</div>
                    <div class="client-name col-sm-3">姓名</div>
                    <div class="shop-cabinet col-sm-3">店柜</div>
                    <div class="col-sm-3"></div>
                </div>
                <article class="list">
                    <div class="list-item row">
                        <div class="client-code col-sm-3">00004001111</div>
                        <div class="client-name col-sm-3">杨阳</div>
                        <div class="shop-cabinet col-sm-3">店柜</div>
                        <div class="col-sm-3"></div>
                    </div>
                    <div class="list-item row">
                        <div class="client-code col-sm-3">00000220011</div>
                        <div class="client-name col-sm-3">杨小胖</div>
                        <div class="shop-cabinet col-sm-3">店柜</div>
                        <div class="col-sm-3"></div>
                    </div>
                    <div class="list-item row">
                        <p class="nomore">已没有更多</p>
                    </div>
                </article>
            </article>
            <div class="panel_footer">
                <p>共n条客户信息</p>
            </div>
            <article class="aside-slider-content">
                <div class="panel_header">
                    客户详情
                    <span class="glyphicon glyphicon-remove cancel"></span>
                </div>
                <article class="panel_body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <div class="item-title">编号</div>
                            <div class="item-value">
                                00020000002
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">客户姓名</div>
                            <div class="item-value">杨小胖</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">身份证号码</div>
                            <div class="item-value">130429199409220311</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">性别</div>
                            <div class="item-value">男</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">手机号码</div>
                            <div class="item-value">15910499501</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">常用邮箱/联系方式</div>
                            <div class="item-value">861332964@qq.com</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">消费店柜</div>
                            <div class="item-value"></div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">服务员工</div>
                            <div class="item-value">杨小胖</div>
                        </li>
                    </ul>
                </article>
                <div class="panel_footer">
                    <button class="btn btn-default" id="top_client" disabled>置顶</button>
                    <button class="btn btn-default" id="modify_client">修改</button>
                    <button class="btn btn-default" id="delete_client">删除</button>
                </div>
            </article>
        </section>
        <footer id="copyRight">
            Copyright © 2017 - 2018 neutrey.com. All Rights Reserved.
        </footer>
    </article>
</article>
<div class="masking"></div>
<article class="modal-large container-client-new">
    <div class="panel_header"></div>
    <form class="panel-body" id="update_commodity_form">
        <ul class="list-group">
            <li class="list-group-item">
                <div class="input-group">
                    <label for="code_client">
                        编号
                        <span class="mustRequired">*</span>
                    </label>
                    <input type="text" class="form-control" id="code_client"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="client_name">
                        客户姓名
                        <span class="mustRequired">*</span>
                    </label>
                    <input type="text" class="form-control" id="client_name"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="ID">
                        身份证号码
                        <span class="mustRequired">*</span>
                    </label>
                    <input type="text" class="form-control" id="ID"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="gender">
                        性别
                        <span class="mustRequired">*</span>
                    </label>
                    <select class="form-control sm-box" id="gender">
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="tel">
                        手机号码
                        <span class="mustRequired">*</span>
                    </label>
                    <input type="text" class="form-control sm-box" id="tel"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="email">
                        常用邮箱/联系方式
                        <span class="mustRequired">*</span>
                    </label>
                    <input type="text" class="form-control" id="email" />
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="consumer_counter">消费店柜</label>
                    <input type="text" class="form-control" id="consumer_counter" />
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="service_staff">服务员工</label>
                    <input type="text" class="form-control" id="service_staff"/>
                </div>
            </li>
        </ul>
        <ul class="list-group" id="advanced">
            <li class="list-group-item">
                <div class="input-group">
                    <label for="height">高矮</label>
                    <select class="form-control sm-box" id="height">
                        <option value="1">矮</option>
                        <option value="2">较矮</option>
                        <option value="3">中等</option>
                        <option value="4">较高</option>
                        <option value="5">高</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="weight">胖瘦</label>
                    <select id="weight" class="form-control sm-box">
                        <option value="1">胖</option>
                        <option value="2">较胖</option>
                        <option value="3">中等</option>
                        <option value="4">较瘦</option>
                        <option value="5">瘦</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="skin-color">肤色</label>
                    <select id="skin-color" class="form-control sm-box">
                        <option value="1">白</option>
                        <option value="2">较白</option>
                        <option value="3">中等</option>
                        <option value="4">较暗</option>
                        <option value="5">暗</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="age">年龄</label>
                    <select id="age" class="form-control sm-box">
                        <option value="1">少女</option>
                        <option value="2">青春</option>
                        <option value="3">少妇</option>
                        <option value="4">大妈</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="fashion">时尚度</label>
                    <select name="fashion" id="fashion" class="form-control sm-box">
                        <option value="0">保守</option>
                        <option value="1">较保守</option>
                        <option value="2">正常</option>
                        <option value="3">较时尚</option>
                        <option value="9">时尚</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="price">价格</label>
                    <select name="" id="price" class="form-control sm-box">
                        <option value="1">便宜</option>
                        <option value="2">较便宜</option>
                        <option value="3">适中</option>
                        <option value="4">较昂贵</option>
                        <option value="5">昂贵</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="washing">洗涤</label>
                    <select name="washing" id="washing" class="form-control sm-box">
                        <option value="1">容易</option>
                        <option value="2">较容易</option>
                        <option value="3">适中</option>
                        <option value="4">较困难</option>
                        <option value="5">困难</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="style">风格</label>
                    <select name="style" id="style" class="form-control sm-box">
                        <option value="1">休闲</option>
                        <option value="2">偏休闲</option>
                        <option value="3">适中</option>
                        <option value="4">偏正式</option>
                        <option value="5">正装</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="education">学历</label>
                    <select name="education" id="education" class="form-control sm-box">
                        <option value="UNKNOWN" selected="selected">请选择</option>
                        <option value="Primary-school-graduation">小学毕业</option>
                        <option value="Junior-high-school-graduate">初中毕业</option>
                        <option value="Graduated-from-high-school">高中毕业</option>
                        <option value="Secondary-school">中专</option>
                        <option value="College">大专</option>
                        <option value="Undergraduate">本科</option>
                        <option value="master">硕士</option>
                        <option value="doctor">博士</option>
                        <option value="Postdoctoral">博士后</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="size">具体尺寸</label>
                    <input type="text" class="form-control" id="size"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="job">工作</label>
                    <input type="text" class="form-control" id="job"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="job_content">工作内容</label>
                    <input type="text" class="form-control" id="job_content"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="like">喜好</label>
                    <input type="text" class="form-control" id="like" />
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="other">其他</label>
                    <input type="text" class="form-control" id="other" />
                </div>
            </li>
        </ul>
        <div class="more-end">
            <p class="more-text">展开可以编辑更多属性选项</p>
            <p class="iconfont icon">&#xe605;</p>
        </div>
    </form>
    <div class="panel_footer text-right">
        <button class="save-add-next btn btn-primary" id="save_add_next_client">保存并添加下一个</button>
        <button class="btn btn-primary" id="save_add_client">保存</button>
        <button class="btn btn-default cancel">取消</button>
    </div>
</article>
<article class="modal-small container-delete-client">
    <div class="panel_header">删除客户确认<span class="glyphicon glyphicon-remove cancel"></span></div>
    <div class="panel_body">
        <p class="iconfont">&#xe636;</p>
        <p>
            确定要删除“杨小胖”客户吗?<br />
        </p>
    </div>
    <div class="panel_footer text-right">
        <button class="btn btn-primary" id="save_delete">确定</button>
        <button class="btn btn-default cancel">取消</button>
    </div>
</article>
<script src="../library/jquery-3.1.1.min.js"></script>
<script src="../library/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../scripts/index.js"></script>
<script src="../scripts/customer-information.js"></script>
</body>
</html>